		html {
			font-size: 12px;
		}
		
		body {
			background: #f9fafa;
			margin: 0px;
		}
		
		.container {
			background: url(../img/recharge-bg.png) no-repeat;
			background-size: 100%;
			padding: 0px;
		}
		
		.top {
			margin-top: 20px;
		}
		
		.top img {
			width: 100%;
		}
		.center div{
			width: 300px;
			margin: 10px auto;
			border: 1px solid white;
			border-radius:10px ;
			text-align: center;
			padding: 7px;
			color: white;
		}
		.center span{
			color: #ffff00;
		}
		.center img {
			width: 80%;
			margin-top: 10px;
		}
		
		.recharge {
			display: block;
			width: 200px;
			height: 45px;
			margin: auto;
			margin-top: 20px;
			text-align: center;
			background-color: #fff;
			border-radius: 22.5px;
			-webkit-box-shadow: 0 7px 27px 0 rgba(113, 64, 205, .38);
			box-shadow: 0 7px 27px 0 rgba(113, 64, 205, .38);
			color: #6b3ccb;
			font-size: 22.5px;
			letter-spacing: 1.5px;
			line-height: 45px;
			text-decoration: none;
		}
		
		.hint {
			margin-top: 30px;
			color: #fff;
			font-size: 12px;
			letter-spacing: 1px;
			padding-bottom: 30px;
			text-align: center;
		}
		
		@media (min-width: 768px) {
			.container {
				width: 750px;
			}
		}